<template>
    <div class="crumb">
        <span v-for="item,index in nav" :key="index">
            <span :style="{color:index==nav.length-1?'#333':'#999'}">{{item.name}}</span>
            <i v-show="index!=nav.length-1">/</i>
        </span>
    </div>
</template>

<script>
export default {
    props:["nav"],
    data () {
        return {
        }
    }
}
</script>
 
<style lang = "less" scoped>
    .crumb{
        margin: 10px 0;
        i{
            padding: 10px;
        }
    }
</style>